<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link rel="stylesheet" href="css/login.css">
    <script src="js/jquery.min.js"></script>

</head>

<body>
    <!-- 登录框 -->
    <div class="login_box">
        <div class="account_inner">
            <!-- 左侧模块 -->
            <div class="account_inner_left">
                <!-- tab栏 -->
                <div class="account_tabs">
                    <span class="j_account_tab toggle_tabs" data-type="qrcode">扫码登录</span>
                    <span class="j_account_tab" data-type="password">密码登录</span>
                </div>
                <!-- 登录部分切换 -->
                <div class="account_form">
                    <!-- 扫码登录 -->
                    <div class="account_form_qrcode" data-type="normal">
                        <p class="qrcode_tip">打开<a class="qrcode_tip_high"
                                href="https://www.mafengwo.cn/app/intro/gonglve.php"
                                target="_blank">马蜂窝APP</a>-V9.3.38及以上版本扫描二维码，<br>免输入，更快更安全。</p>
                        <div class="qrcode_photo">
                            <div class="qrcode_photo_img _j_qrcode_img" style="display: block;">
                                <img src="https://p1-q.mafengwo.net/s18/M00/31/13/CoUBYGFLznqALYxfAAAD8V2Dovk451.png?imageMogr2%2Fthumbnail%2F%21150x150r%2Fquality%2F90"
                                    alt="">
                            </div>
                            <div class="qrcode_photo_pic">
                                <img src="img/login/img_explain.png" alt="">
                            </div>
                        </div>
                    </div>
                    <!-- 密码登录 -->
                    <div class="account_form_pasw" data-type="password" style="display: none;">
                        <div class="form-field">
                            <input name="passport" type="text" placeholder="您的邮箱/手机号" autocomplete="off"
                                data-verification-name="帐号" class="ipt_a" value="">
                            <!-- 错误提示 -->
                            <div class="yc1 yc">账号不能为空</div>
                        </div>
                        <div class="form-field">
                            <input name="password" type="password" placeholder="您的密码" autocomplete="off"
                                data-verification-name="密码" class="ipt_b">
                            <div class="yc2 yc">密码不能为空</div>
                        </div>

                        <div class="form-link"><a href="/forget">忘记密码</a></div>
                        <div class="submit-btn">
                            <a href="index.html" class="submit-btn-a">
                                <button id="_js_loginBtn">登 录</button>
                            </a>
                        </div>
                    </div>
                </div>
                <!-- 左侧栏底部 -->
                <div class="connect">
                    <p class="hd">用合作网站账户直接登录</p>
                    <div class="bd">
                        <a href="#" class="weibo">新浪微博</a>
                        <a href="#" class="qq">QQ</a>
                        <a href="#" class="weixin">微信</a>
                        <div class="clear"></div>
                    </div>
                </div>
            </div>

            <!-- 右边栏 -->
            <div class="account_right"></div>

            <!-- 底部浮动框 -->
            <div class="bottom-link">
                还没有账号?
                <a href="#" class="_j_go_register">马上注册</a>
            </div>
        </div>
    </div>
</body>
<script src="js/login.js"></script>

</html>